import React from 'react';
import { SvgIcon } from '../icon';
import { t } from '@/locales/i18n';
type Props = {
  text?: string | React.ReactNode;
  iconSize?: string | number;
  className?: string;
};

const EmptyTip = ({ text, iconSize = '48px', className, ...props }: Props) => {
  return (
    <div className={`py-10vh flex flex-col items-center ${className}`} {...props}>
      <SvgIcon icon="icon-no-data" size={iconSize} color={'transparent'} />
      <div className="mt-2 text-center text-sm text-gray-600">
        {text || t('common.empty.Common Tip')}
      </div>
    </div>
  );
};

export default EmptyTip;
